.cp_ba .cp_box1 { max-width:1280px; width:95%; margin:0 auto; }
.cp_ba .show_nav { width:100%; overflow:hidden; }
.cp_ba .show_nav li { font-weight:600; width:22%; text-align:center; float:left; font-size:22px; margin:1.5%; padding:5px 0px; color:#333; border:solid 1px #666; border-radius:20rem; box-sizing: border-box;cursor: default;; margin-bottom:50px; }
.cp_ba .show_nav li:nth-child(4) { margin-right:0px; }
.cp_ba .show_nav .current { background-color:#fad100; color:#fafafa; border:solid 1px #fad100; }


 .blue,.green,.black,.white,.red,.yellow{background: blue;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0 5px;
    margin-bottom: 0.6rem;
    text-align: left;
    font-family: "Arial";
	border:1px #CCC solid;
  }

.green{background: green;}
.black{background: black;}
.white{background: white;}
.red{background: red;}
.yellow{background: yellow;}


/*产品展示*/
.cp_ba { widows:100%; margin-top:5rem; }
.cp_ba h3 { width:15rem; font-size:1.8rem; margin:16px auto; text-align:center; font-family: "Arial"; border-radius:50px; border:#666 1px solid; padding:0.5rem; color:#121212; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cp_ba h4 { font-size:1.4rem; text-align:center; font-family: "Arial"; background-color:#fad100; border-radius:50px; padding:0.3rem 1rem; color:#fafafa; position:absolute; top:10px; left:16px; display:none; }

.cp_ba p { font-size:1.0rem; line-height:2.6rem; text-align:center; color: #818181; font-family: "Arial"; }
.cp_ba img { overflow:hidden; width:100%; }
.cp_ba .cp_box { max-width:1280px; width:95%; overflow:hidden; margin:0 auto; }
.cp_ba .content_yi { overflow:hidden; float:left; width:100%; }
.cp_ba .di { overflow:hidden; }
.cp_ba .content{ width:22%; float:left; margin-right:3%; border:#ccc 1px solid;
 box-sizing:border-box; margin-bottom:40px; position:relative; }
.cp_ba .content:hover .di { background-color:#353535; }
.cp_ba .content:hover ul{color:#353535;}
.cp_ba .content:hover h3 { border-radius:50px; border:#fafafa 1px solid; color:#fafafa; }
.cp_ba .content:hover p { color:#fafafa; }
.cp_ba .content:hover h4 { display:block; }

.cp_ba .content:nth-child(4) { margin-right:0px; }
.cp_ba .di ul { text-align: center;color: #fff;}
.cp_ba .di ul li { float:left; border-radius:50%; width:12px; height:12px; margin:10px 8px 30px; background-color:#F00; }



.news_list a {
  background: none;
  border: 0;
  box-sizing: border-box;
  box-shadow: inset 0 0 0 1px #fff;
  color: #1a1a1a;
  font-size: inherit;
  font-weight: 700;
  margin: 1em;
  padding: 1em 2em;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  vertical-align: middle;
}
 

.draw {
  -webkit-transition: color 0.25s;
          transition: color 0.25s;
}
.draw::before, .draw::after {
  border: 1px solid transparent;
  width: 0;
  height: 0;
}
.draw::before {
  top: 0;
  left: 0;
}
.draw::after {
  bottom: 0;
  right: 0;
}
.draw:hover {
  color: #1a1a1a;
}
.draw:hover::before, .draw:hover::after {
  width: 100%;
  height: 100%;
}
.draw:hover::before {
  border-top-color: #1a1a1a;
  border-right-color: #1a1a1a;
  -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
          transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.draw:hover::after {
  border-bottom-color: #1a1a1a;
  border-left-color: #1a1a1a;
  -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
          transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}



.news_list {
    width: 1280px;
    margin: 0 auto;
    position: relative;
}

.fl{float:right}

@media (max-width:1280px) {  
.news_list{ width:95%; }
}

@media ( max-width:1100px){
	.show_ba .content { width:46%; float:left; margin-right:4%; }
	.show_ba .content:nth-child(2) { margin-right:0px; }
	 }
 @media ( max-width:900px){
	 .show_ba .content:nth-child(2) { margin-right:auto; }
	.show_ba .content:nth-child(4) { margin-right:auto; }
.show_ba .content { width:60%; float:none; margin:0px; margin:0 auto; }
.show_ba h2 { font-size:6rem; line-height:6rem; }
.show_ba p {line-height:5rem; }

.fl{float:none}
 }
  @media ( max-width:880px){
.show_ba .show_nav li {font-size:2rem;}
.show_ba .show_nav li a { color:#F00 }
.show_ba p {line-height:3rem; }

 }
 @media ( max-width:530px){
.show_ba .content { width:95%; float:none; margin:0px; margin:0 auto;}

.show_ba h2 { font-size:5rem; line-height:5rem; }
 }



/*产品展示*/
#show_page1 { margin:0px auto; width:100%; }
.show_ba .content_box1 h3 { font-size:1.8rem; line-height:1.8rem; font-family: "Arial"; height:3.6rem; word-break:break-all; }
.show_ba .content_box1 p { font-size:1.0rem; line-height:2rem; text-align:left; color: #818181; font-family: "Arial"; word-spacing: 0.4rem; }
.show_ba .content1 { width:46%; float:left; margin-right:8%; }
.show_ba .content1:nth-child(2) { margin-right:0px; }
.show_ba .content1:nth-child(4) { margin-right:0px; }
.show_ba .content_box1{ margin:50px auto; overflow:hidden; }
.show_ba .content1 img { width:100%; }

 @media ( max-width:820px){
	 #show_page1 { margin:0px auto; width:76%; }
.show_ba .content1 { width:100%; float:none; margin-right:0%; }
 }
 
  @media ( max-width:520px){
#show_page1 { margin:0px auto; width:100%; }
.show_ba .content1 { width:100%; float:left; margin-right:0%; }
 }
 
 
 
 @media ( max-width:960px){
	.cp_ba .cp_box1 { width:80%; margin:0 auto; }
.cp_ba .show_nav li { width:22%; text-align:center; float:left; font-size:20px; margin:1.5% padding:5px 0px; }

.cp_ba .cp_box { width:80%; }
.cp_ba .content{ width:47%; float:left; margin-right:6%; border:#ccc 1px solid; box-sizing:border-box; margin-bottom:40px; }
.cp_ba .content:nth-child(2) { margin-right:0px; }
.cp_ba .content:nth-child(4) { margin-right:0px; }

.cp_ba h3 { width:10rem; font-size:1.7rem; margin:16px auto;padding:0.5rem; }
	 }
	 
	 
@media ( max-width:660px){
.cp_ba .show_nav li { width:22%; text-align:center; float:left; font-size:18px; margin:1.5% padding:5px 0px; }
.cp_ba .cp_box { width:55%; }
.cp_ba .content{ width:100%; float:left; margin-right:px; border:#ccc 1px solid; box-sizing:border-box; margin-bottom:40px; }
	 }


@media ( max-width:520px){
.cp_ba .cp_box { width:70%; }
.cp_ba .content{ width:100%; float:left; margin-right:px; border:#ccc 1px solid; box-sizing:border-box; margin-bottom:40px; }
.cp_ba h3 { width:10rem; font-size:1.7rem; margin:16px auto;padding:0.5rem; }
	 }
 .clter {
    clear: both;
}
 
 /*新闻列表*/
.newlb_ba { width:100%; overflow:hidden; color: #333;}
.newlb_ba img { width:100%; max-width:1920px; }
.newlb_ba .newlb_box { max-width:1280px; width:95%; margin:20px auto 0px; overflow:hidden; }
.newlb_ba .content_box,.content_box2 { width:100%; margin-bottom:10px; }
.newlb_ba .content_box:before,.newlb_ba .content_box:after,.content_box2:before,.content_box2:after {display: table;content: " ";clear:both;}
.newlb_ba .content_box a,.content_box2 a {width: 20%;}
.newlb_ba .content h4 {line-height: 32px;}
/*.newlb_ba .content_box { float:left; }
.newlb_ba .content_box2 { float:right; }*/

.newlb_ba .newlb_box img { /*width:80%; float:right; margin-bottom:50px; height:250px;*/ max-height:100px; float:left;max-width: 100%;width: inherit; }
.newlb_ba .content { float:right; width:78%; position:relative}
.newlb_ba .content p { width:100%; float:right; font-size:14px; font-family: "Arial"; line-height: 2rem; word-spacing: 0.3rem; text-align: justify; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;white-space: nowrap;}
.newlb_ba .content span { font-size: 14px; font-family: "Arial"; line-height: 2rem; word-spacing: 0.3rem;}




.newlb_ba .page { width:100%; overflow:hidden; }
.newlb_ba .page li { overflow:hidden; text-align:center; margin:30px 10px ;  }
.newlb_ba .page a { text-align:center;padding:0px 10px; font-size: 1.6rem; font-family: "Arial"; line-height: 2rem; cursor: default; }
.newlb_ba .page .this { text-decoration: underline; }
@media (max-width:1180px) { 

/*.newlb_ba .newlb_box img { width:100%; float:none; margin-bottom:50px; }
.newlb_ba .content p { width:100%; float:none; font-size: 1.0rem; font-family: "Arial"; line-height: 2rem; word-spacing: 0.3rem; text-align: justify; }
.newlb_ba .content span { font-size: 1.0rem; line-height: 2.6rem; word-spacing: 0.3rem; }*/

}
@media (max-width:900px) { 
.newlb_ba { margin-top:0px; }
}
@media (max-width:680px) {
.newlb_ba .newlb_box img { margin-bottom:10px; height: auto;}
.newlb_ba .content_box,.content_box2 { width:100%; float:none; } 

}

/* 新闻详情 */
.newdal_ba { width:100%;/* margin-top:100px*/ color: #333;}
.newdal_ba .newdal_box { max-width:1200px; width:95%; margin:0px auto 60px; padding: 10px;}
.newdal_ba  img {margin-bottom:40px;width: auto;}
.newdal_ba h2 { text-decoration: underline; text-align:left; font-size:1.2rem; line-height:3.4rem; font-family:"Arial"; color:#000; }
.newdal_ba span { font-size: 1.0rem; font-family: "Arial"; line-height: 2.2rem; word-spacing: 0.3rem; }
.newdal_ba p { color:#666; font-size: 1.6rem; font-family: "Arial"; line-height: 2.2rem; word-spacing: 0.3rem; text-align:left; margin-bottom:18px; }
.newdal_ba .newdal_box a { color: #000; }


@media (max-width:900px ) {
.newdal_ba { width:100%; margin-top:10px; }

}
@media (max-width:700px ) {
.newdal_ba h2 {margin-bottom:20px; font-size:2.2rem; line-height:2.8rem; }
}
@media (max-width:600px ) {
.newdal_ba h2 {margin-bottom:15px; font-size:2rem; line-height:2.4rem; }

}
@media  (max-width: 768px) {
	.newdal_ba  img{width: 100%;}
}
.position { font-size:14px; color:#555; padding:10px; width:100%; max-width:1200px; margin:auto;}
.position a {font-size:14px; color:#0694d6;}